<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/cart.css" />
	</head>
	<body>
		<div id="cart">
			<!---->
			<div class="containner">
				<div class="flex justify-between item-center text-md dark bg-gray px-20 py-5 cart-header">
					<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
					<div class="cart-product mx-5">商品</div>
					<div class="cart-param mx-5">单价</div>
					<div class="cart-param mx-5">数量</div>
					<div class="cart-param mx-5">小计</div>
					<div class="cart-param mx-5">操作</div>
				</div>
				<div class="flex justify-between item-center text-md dark my-10 px-20 py-5 cart-body">
					<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
					<div class="cart-product mx-5 flex item-start"><img
							src="http://127.0.0.1:8001/img/group1/M00/00/00/2787-b0fe4cfb07693742.jpg" width="80px"
							height="80px" class="rounded hand">
						<div class="cart-name mx-10 text-left flex-column justify-between item-start">
							<div class="hover-red hand ">Redmi Note 手机 云墨灰 6GB+128GB</div>
							<div class="cart-sku flex item-center">
								<div class="gray text-sm pr-5 hand hover-red"> 云墨灰 </div>
								<div class="gray text-sm pr-5 hand hover-red"> 6GB+128GB </div>
							</div>
						</div>
					</div>
					<div class="cart-param mx-5">￥1299</div>
					<div class="cart-param mx-5"><input type="number" min="1" class="cart-count"></div>
					<div class="cart-param mx-5">￥1299</div>
					<div class="cart-param mx-5 hover-red hand">删除</div>
				</div>
				<div class="flex justify-between item-center text-md dark my-10 px-20 py-5 cart-body">
					<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
					<div class="cart-product mx-5 flex item-start"><img
							src="http://127.0.0.1:8001/img/group1/M00/00/00/457-7858b423853e04f0.jpg" width="80px"
							height="80px" class="rounded hand">
						<div class="cart-name mx-10 text-left flex-column justify-between item-start">
							<div class="hover-red hand ">Redmi A55 智能电视 Redmi A55 55英寸</div>
							<div class="cart-sku flex item-center">
								<div class="gray text-sm pr-5 hand hover-red"> Redmi A55 55英寸 </div>
							</div>
						</div>
					</div>
					<div class="cart-param mx-5">￥1999</div>
					<div class="cart-param mx-5"><input type="number" min="1" class="cart-count"></div>
					<div class="cart-param mx-5">￥1999</div>
					<div class="cart-param mx-5 hover-red hand">删除</div>
				</div>
				<div class="flex justify-between item-center text-md dark my-10 px-20 py-5 cart-body">
					<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
					<div class="cart-product mx-5 flex item-start"><img
							src="http://127.0.0.1:8001/img/group1/M00/00/00/1802-95f2fc0562c5f822.jpg" width="80px"
							height="80px" class="rounded hand">
						<div class="cart-name mx-10 text-left flex-column justify-between item-start">
							<div class="hover-red hand ">格力（GREE）1.5匹云恬 新一级能效 空调挂机 大1匹 云锦新品</div>
							<div class="cart-sku flex item-center">
								<div class="gray text-sm pr-5 hand hover-red"> 大1匹 </div>
								<div class="gray text-sm pr-5 hand hover-red"> 云锦新品 </div>
							</div>
						</div>
					</div>
					<div class="cart-param mx-5">￥3499</div>
					<div class="cart-param mx-5"><input type="number" min="1" class="cart-count"></div>
					<div class="cart-param mx-5">￥3499</div>
					<div class="cart-param mx-5 hover-red hand">删除</div>
				</div>
				<div class="flex justify-between item-center text-md dark my-10 px-20 py-5 cart-body">
					<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
					<div class="cart-product mx-5 flex item-start"><img
							src="http://127.0.0.1:8001/img/group1/M00/00/00/3813-2b012bd9b68ef2e8.jpg" width="80px"
							height="80px" class="rounded hand">
						<div class="cart-name mx-10 text-left flex-column justify-between item-start">
							<div class="hover-red hand ">联想ThinkPad E14 笔记本 i3 8G内存 1T机械@06CD</div>
							<div class="cart-sku flex item-center">
								<div class="gray text-sm pr-5 hand hover-red"> i3 8G内存 1T机械@06CD </div>
							</div>
						</div>
					</div>
					<div class="cart-param mx-5">￥3299</div>
					<div class="cart-param mx-5"><input type="number" min="1" class="cart-count"></div>
					<div class="cart-param mx-5">￥3299</div>
					<div class="cart-param mx-5 hover-red hand">删除</div>
				</div>
				<div class="flex justify-between item-center mt-10">
					<div class="flex item-center">
						<div class="mx-5"><input type="checkbox" class="cart_cbx"></div>
						<div class="mx-5 gray hover-red hand text-sm">清空购物车</div>
					</div>
					<div class="flex item-center justify-end">
						<div class="mx-5 dark text-md"><span>总价：</span><span class="red text-xl weight">￥10096</span>
						</div><button class="btn-pay ml-10 hand">去结算</button>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
